$(function() {
    // 更新渲染select
    var form = layui.form;

    // 初始化富文本
    initEditor();
    //选择框的内容
    $.ajax({
        type: 'GET',
        url: '/my/article/cates',
        success: function(res) {
            $('select').html(template('tpl-cate_id', res));
            //更新渲染
            form.render('select');
        },
    });
    $('#fabu').click(function() {
        state = '已发布';
    });
    $('#caogao').click(function() {
        state = '草稿';
    });
    $('form').submit(function(e) {
        e.preventDefault();
        var data = new FormData(this);
        //追加state返回的数据
        data.append('state', state);
        //剪裁图片 并把图片追加到FormData中
        $image
            .cropper('getCroppedCanvas', {
                height: 280,
                width: 400,
            })
            .toBlob(function(blob) {
                data.append('cover_img', blob);
                $.ajax({
                    type: 'POST',
                    url: '/my/article/add',
                    data: data,
                    success: function(res) {
                        layer.msg(res.message);
                        if (res.status === 0) {
                            location.href = '/article/article.html';
                        }
                    },
                    processData: false, // 告诉jQuery，不要把data转成字符串。
                    contentType: false, //告诉jQuery不要设置Content-Type
                });
            });
        // console.log(data.get('title'));
        // console.log(data.get('cate_id'));
        // console.log(data.get('content'));
        // console.log(data.get('cover_img'));
        // console.log(data.get('state'));
        // return;
    });
    //处理封面
    var $image = $('#image');
    var options = {
        aspectRatio: 400 / 280,
        preview: '.img-preview',
    };
    $image.cropper(options);
    $('#chooseImg').click(function() {
        $('#file').click();
        //文件发生改变的时候 重置剪裁区
        $('#file').change(function() {
            //首先找到文件对象 给其创建URL
            var url = URL.createObjectURL(this.files[0]);
            $image.cropper('destroy').attr('src', url).cropper(options);
        });
    });
});